<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/js/laydate5.3.1/theme/default/laydate.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="/static/js/layui/css/layui.css" type="text/css" media="all"/>
    <style>
        .demo-footer a{padding: 0 5px; color: #01AAED;}
    </style>
</head>
<body>

<table class="layui-hide" id="test"></table>


<script src="/static/js/laydate5.3.1/laydate.js" charset="utf-8" type="text/javascript"></script>
<script src="/static/js/layui/layui.js" charset="utf-8" type="text/javascript"></script>
<script src="/static/js/jquery-3.6.0.min.js" charset="utf-8" type="text/javascript"></script>


<script>
    layui.use('table', function(){
        var table = layui.table;

        table.render({
            elem: '#test'
            ,url: '/azbj/census/loginCensus'
            ,cellMinWidth: 80
            ,cols: [
                [
                    {colspan:'6',align:'center',title: '登录情况统计报表'}
                ],
                [
                    {field:'id', title: 'ID'},
                    {field:'area', title: '地区'} ,
                    {field:'childs', title: '本级及下级地区数'},
                    {field:'workDay', title: '工作日数'},
                    {field:'loginCount', title: '本级及下级地区总登录次数'},
                    {field:'login', title: '登录率', align: 'center'}
                ]
            ]
        });
    });
</script>

</body>
</html>